<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="02层次选择器.css" type="text/css" rel="stylesheet"/>
	</head>
	<body>
		<h3>子选择器，只能选择<strong>直接</strong>后代</h3>
		<nav>
			<span>二次元区</span>
			<span>鬼畜区</span>
			<span>新闻联播</span>
			<div>
				<span>动物世界</span>
				<span>植物世界</span>
			</div>
		</nav>
		
		<section>
			<p class="p1">p1</p>
			<p class="p2">p2</p>
			<p class="p3">p3</p>
			<p class="p4">p4</p>
		</section>
	</body>
</html>
